body {
    background-color: #efefef;
}
.mmbuy_header {
    box-sizing: border-box;
    width: 100%;
    background-color: #fff;
    position: fixed;
    z-index: 998;
    .header_top {
        height: 44px;
        display: flex;
        border-bottom: 1px solid #ccc;
        .header_logo{
            width: 80px;
            height: 44px;
            margin-right: 15px;
            img {
                width: 85%;
                margin: 12px; 
            }
        }
        .header_search{
            flex: 1;
            margin: 8px 5px;
           
            input[type="search"] {
                background-color: rgb(245, 244, 244);
                border: 1px solid #fff;
                font-size: 14px;
                height: 27px;
                border-radius: 15px;
           }
        }
        .header_right{
            width: 45px;
            display: block;
            text-align: center;
            margin: 8px 10px;
            span {
                display: block;
                width: 45px;
                border: 1px solid #ff5608;
                border-radius: 12px;
                a {
                    font-size: 12px;
                    color:#ff5608;
                }
            }
        }
    }
    .mmbuy_nav {  
        .header_nav{  
            background-color: #fff;
            border-bottom: 1px solid #ccc;
            overflow: hidden;
            ul{  
                li {
                    float: left;
                    padding: 14px 10px 0px;
                    a {
                        display: block;
                        padding: 0px 0px 6px 0;
                        font-size: 15px;
                        color: #000;
                        font-weight: 700;
                    }    
                }
                .active {
                    color: #ff5608;
                    padding: 0px 0px 6px 0;
                    border-bottom: 3px solid #ff5608;

                }
                
            }
        } 
    }
}

.mmbuy_footer {
    width: 100%;
    // background-color: #fff;
    // position: fixed;
    // bottom: 0;
    .footer_title {
        width: 100%;
        padding: 5px 0px;
        margin: 5px 0px 10px 0px;
        background-color: orange;
        >.title_left{
            padding-left: 10px;
            color: #fff;
            font-weight: 600;
            font-size: 16px;
        }
        >.title_right{
            width: 20px;
            height: 20px;
            margin-right: 10px;
            img {
                display: block;
                width: 20px;
                height: 20px;
            }

        }

    }
    .footer_nav {
        background-color: #fff;
        width: 100%;
        display: flex;
        border-top: 1px solid #ccc;
        border-bottom: 1px solid #ccc;
        .list {
            height: 34px;
            line-height: 34px;
            flex: 1;
            font-size: 12px;
            color: #666;
            text-align: center;
            border-right: 1px solid #ccc;
        }  
    }
    .footer_nav_bottom {
        background-color: #fff;
        text-align: center;
        padding-top: 15px;
        // border: 1px solid red;
        >div {
            font-size: 12px;
            margin: 0 auto;
            color: #666;

              a{
                  color: red;
              }
          }
    }

}